<!DOCTYPE html>
<html>
<head>
	</head>
	<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
	<body>
		<video id="video" controls autoplay style="width: 400px; height: 200px;" ></video>
	<script>
		  // 创建一个video元素
		        var video = document.getElementById('video');
		
		        // 创建一个Hls实例
		        var hls = new Hls();
		
		        // 将Hls实例与video元素关联
		        hls.attachMedia(video);
		
		        // M3U8视频地址
		        var m3u8Url = "http://127.0.0.1:8082/video/t/output.m3u8";
		
		        // 加载M3U8视频
		        hls.loadSource(m3u8Url);	
	</script>
	</body>
</html>